//Created by LeonTao on 17/3/23.
doctype html
html(lang='en')
    head
        meta(charset='utf-8')
        meta(http-equiv='X-UA-Compatible', content='IE=edge')
        meta(name='viewport', content='width=device-width, initial-scale=1')
        meta(name='description', content='')
        meta(name='author', content='')
        title 医疗影像云平台
        // Bootstrap Core CSS
        link(href='vendors/bootstrap/dist/css/bootstrap.min.css', rel='stylesheet')
        // Custom Fonts
        link(href='vendors/font-awesome/css/font-awesome.min.css', rel='stylesheet', type='text/css')
        link(href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic', rel='stylesheet', type='text/css')
        link(href='https://fonts.googleapis.com/css?family=Montserrat:400,700', rel='stylesheet', type='text/css')
        // Theme CSS
        //link(href='css/grayscale.min.css', rel='stylesheet')
        link(href='css/grayscale.css', rel='stylesheet')
        link(href='css/index.css', rel='stylesheet')
        // HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries
        // WARNING: Respond.js doesn't work if you view the page via file://
        //if lt IE 9
          script(src='https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js')
          script(src='https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js')
    body#page-top(data-spy='scroll', data-target='.navbar-fixed-top')
        // Navigation
        nav.navbar.navbar-custom.navbar-fixed-top(role='navigation')
            .container
                .navbar-header
                    button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-main-collapse')
                        | Menu
                        i.fa.fa-bars
                    a.navbar-brand.page-scroll(href='#page-top')
                        i.fa.fa-play-circle
                        span.light
                        |  医疗影像云平台

        // Intro Header
        header.intro
            .intro-body
                .container
                    .row
                        .col-md-8.col-md-offset-2
                            h1.brand-heading
                            .form
                                #account-form-container.center-vertical
                                    //form(method="post")#account-form.form-horizontal.well
                                    div#account-form.form-horizontal.well
                                        h2#title 注册
                                        h6#sub1 请填写下面的信息(带星的必填)

                                        hr
                                        h6#sub2 账户信息
                                        .form-group
                                            label#user-label.control-label.col-sm-3
                                                i.required *
                                                | 用户名
                                            .col-sm-6
                                                input.form-control#user-name(type='text', placeholder="4-20位字符，支持字母、数字和'_'组合 ")
                                                //input.form-control#user-name(type='text', name='user', value= user.user).disabled

                                        #pass-container.form-group
                                            label#pass-label.control-label.col-sm-3
                                                i.required *
                                                | 请设置密码
                                            .col-sm-6
                                                input.form-control#pass-tf(type='password', placeholder="4-20位字符，支持字母、数字和'_'组合")

                                        #re-pass-container.form-group
                                            label#re-pass-label.control-label.col-sm-3
                                                i.required *
                                                | 请确认密码
                                            .col-sm-6
                                                input.form-control#re-pass-tf(type='password', placeholder='请确认密码')
                                                //b.required *

                                        hr
                                        h6#sub3 企业/团队信息
                                        .form-group
                                            label#inc-name-label.control-label.col-sm-3
                                                i.required *
                                                | 企业/团队名称
                                            .col-sm-6
                                                input.form-control#inc-name(type='text', placeholder='企业/团队名称')

                                        .form-group
                                            label#inc-address-label.control-label.col-sm-3
                                                i.required *
                                                | 企业/团队地址
                                            .col-sm-6
                                                input.form-control#inc-address(type='text', placeholder='企业/团队地址')

                                        .form-group
                                            label#contact-tel-label.control-label.col-sm-3
                                                i.required *
                                                | 企业/团队电话
                                            .col-sm-6
                                                input.form-control#contact-tel(type='text', placeholder='企业/团体电话')

                                        .form-group
                                            label#inc-number-label.col-sm-3.control-label(for='inc-number') 企业/团队人数
                                            .col-sm-6
                                                select#inc-number.form-control()
                                                    option(value='-1') 请选择
                                                    option(value='1') 1-49
                                                    option(value='2') 50-99
                                                    option(value='3') 100-499
                                                    option(value='4') 500-999
                                                    option(value='5') 1000以上

                                        .form-group
                                            label.control-label.col-sm-3 所属行业
                                            .col-sm-6
                                                select#inc-industry.form-control()
                                                    option(value='-1') 请选择
                                                    option(value='1') 计算机硬件及网络设备
                                                    option(value='2') 计算机软件
                                                    option(value='3') IT服务（系统/数据/维护）/多领域经营
                                                    option(value='4') 互联网/电子商务
                                                    option(value='5') 网络游戏
                                                    option(value='6') 通讯（设备/运营/增值服务）
                                                    option(value='7') 电子技术/半导体/集成电路
                                                    option(value='8') 仪器仪表及工业自动化
                                                    option(value='9') 金融/银行/投资/基金/证券


                                        .form-group
                                            label.control-label.col-sm-3 企业/团队
                                            .col-sm-6
                                                select#inc-property.form-control()
                                                    option(value='-1') 请选择
                                                    option(value='1') 政府机关/事业单位
                                                    option(value='2') 国营
                                                    option(value='3') 私营
                                                    option(value='4') 中外合资
                                                    option(value='5') 外资
                                                    option(value='6') 其他



                                        hr
                                        h6#sub4 联系人信息
                                        .form-group
                                            label#contact-name-label.control-label.col-sm-3
                                                i.required *
                                                | 联系人姓名
                                            .col-sm-6
                                                input.form-control#contact-name(type='text', placeholder='联系人姓名')

                                        .form-group
                                            label#contact-phone-label.control-label.col-sm-3
                                                i.required *
                                                | 联系人手机
                                            .col-sm-6
                                                input.form-control#contact-phone(type='text', placeholder='联系人手机')

                                        .form-group
                                            label#contact-email-label.control-label.col-sm-3
                                                i.required *
                                                | 联系人邮箱
                                            .col-sm-6
                                                input.form-control#contact-email(type='text', placeholder='联系人邮箱')

                                        .form-group
                                            label#contact-position-label.control-label.col-sm-3
                                                i.required *
                                                | 联系人职位
                                            .col-sm-6
                                                input.form-control#contact-position(type='text', placeholder='联系人职位')




                                        hr
                                        h6#sub5 营业执照
                                        div.form-group
                                            .file-upload
                                                //button#license-upload-btn.file-upload-btn(type='button', onclick="$('#license-upload-input').trigger( 'click' )") 上传图片
                                                button#license-upload-btn.file-upload-btn(type='button') 上传图片
                                                #license-upload-wrap.image-upload-wrap
                                                    //input#license-upload-input.file-upload-input(type='file', onchange='readLicense(this);', accept='image/*')
                                                    input#license-upload-input.file-upload-input(type='file', accept='image/*')
                                                    .drag-text
                                                        h3
                                                #license-upload-content.file-upload-content
                                                    img#license-upload-image.file-upload-image(src='', alt='business-license')
                                                    #license-title-wrap.image-title-wrap
                                                        button#license-remove-image.remove-image(type='button', onclick='removeLicense()')
                                                            | 删除
                                                            span#license-title.image-title 上传图片
                                        hr
                                        h6#sub6 组织机构代码扫描件
                                        div.form-group
                                            .file-upload
                                                //button#code-upload-btn.file-upload-btn(type='button', onclick="$('#code-upload-input').trigger( 'click' )") 上传图片
                                                button#code-upload-btn.file-upload-btn(type='button') 上传图片
                                                #code-upload-wrap.image-upload-wrap
                                                    //input#code-upload-input.file-upload-input(type='file', onchange='readCode(this);', accept='image/*')
                                                    input#code-upload-input.file-upload-input(type='file', accept='image/*')
                                                    .drag-text
                                                        h3
                                                #code-upload-content.file-upload-content
                                                    img#code-upload-image.file-upload-image(src='', alt='organization-code')
                                                    #code-title-wrap.image-title-wrap
                                                        button#code-remove-image.remove-image(type='button', onclick='removeCode()')
                                                            | 删除
                                                            span#code-title.image-title 上传图片

                                        hr#check-hr
                                        div#check-container.form-group
                                            input#checkbox-label(type='checkbox', checked='checked')
                                            label#protocol-label(for='protocol')
                                                | 我已阅读并同意
                                                a#protocol.blue(href='#') 《会议室使用须知》
                                                a#protocolPrivacy.blue(href='#') 《违章处罚条例》
                                            span.clr
                                            label#protocol_error.error.hide 请接受服务条款

                                        hr
                                        div#submit-container.form-group
                                            label.col-sm-3.control-label
                                            .col-sm-6
                                                .form-buttons
                                                    button(type='button')#account-form-btn1.btn.btn-default 取消
                                                    //button(type='submit')#account-form-btn2.btn.btn-primary 立即注册
                                                    button#account-form-btn2.btn.btn-primary 立即注册
                                                    .clearfix

                                        //form(action='/signup', method='post')
                                        //form(id='form-signup', method='post')
                                            //.field-wrap
                                            //    label
                                            //        | 用户名
                                            //        span.req *
                                            //    input(type='text', name="name", required='', autocomplete='off')
                                            //
                                            //.field-wrap
                                            //    label
                                            //        | 邮箱
                                            //        span.req *
                                            //    input(type='email', name="email", required='', autocomplete='off')
                                            //.field-wrap
                                            //    label
                                            //        | 设置密码
                                            //        span.req *
                                            //    input(type='password', name="pass", required='', autocomplete='off')
                                            //
                                            //.field-wrap
                                            //    //form
                                            //    label.radio-inline
                                            //        input#normal-role(type='radio', name='role', value="normal", checked="checked")
                                            //        | 普通用户
                                            //    label.radio-inline
                                            //        input(type='radio', name='role', value="student")
                                            //        | 学生
                                            //    label.radio-inline
                                            //        input(type='radio', name='role', value="hospital")
                                            //        | 医疗机构

                                        button#personal-user-btn.button.button-block(type='submit') 个人用户
                                        //button#signup-btn.button.button-block 马上注册

                                        button#organization-btn.button.button-block(type='submit') 机构用户
                                            //button#signup-btn.button.button-block 马上注册




        // Map Section
        //#map
        // Footer
        footer
            .container.text-center
                p Copyright © 西安交通大学医学影像平台 2017
        // jQuery
        script(src='old_vendor/jquery-2.2.3.min.js')
        script(src='old_vendor/jquery.form.min.js')
        // Bootstrap Core JavaScript
        script(src='vendors/bootstrap/dist/js/bootstrap.min.js')
        // Plugin JavaScript
        script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js')
        // Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/
        //script(type='text/javascript', src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false')

        // Theme JavaScript
        //script(src='js/views/grayscale.js')
        script(src='js/views/index.js')
        script(src='js/views/grayscale.min.js')
